<template>
	<div class="fuwu">
		<p>我的服务</p>
		<ul>
			<li class="swiper-slide"  v-for="item in list" :key="item.id">
			<img :src="item.imgURL" >
			<p>{{item.word}}</p>
			</li>
		</ul>
	</div>
</template>

<script>
	export default{
		name:'Fuwu',
		data(){
			return{
				list:[
					{id:1,imgURL:'images/3_1.png',word:'常用收货地址'},
					{id:2,imgURL:'images/3_2.png',word:'常用出行人'},
					{id:3,imgURL:'images/3_3.png',word:'修改密码'},
					{id:4,imgURL:'images/3_4.png',word:'在线客服'},
					{id:5,imgURL:'images/3_5.png',word:'游侠客APP'},	
				],	
			}
		}
	}
</script>

<style scoped>
	.fuwu{
		width: 100%;
		background-color: white;
		border-radius: 0.16rem;
		margin: -0.1rem auto;
		height: 5.5rem;
	}
	.fuwu p:nth-child(1){
		height: 1.5rem;
		line-height: 1.5rem;
		font-size: 0.42rem;
		font-weight: bold;
		text-indent: 0.5rem;
		
	}
	.fuwu ul{
		margin: 0.3rem auto;
		width: 95%;
		height: 3rem;
	}
	.fuwu ul li{
		text-align: center;
		width: 25%;
		float: left;
		height: 2rem;
		
	}
	.fuwu ul li img{
		width: 22%;
		height: 0.5rem;
		background-size: 100%;
		margin-bottom: 0.2rem;
	}
</style>
